// pages/detail/detail.js
import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    conent: '',
    timer: '',
    countDown: 0,
    timeData: {},
    checked: false,

  },

  getDetail(id) {
    // console.log(id);
    wx.request({
      url: 'http://localhost:3001/msbd/get-detail',
      data: {
        id
      },
      success: res => {
        // console.log(res.data.data[0].date);
        this.setData({
          conent: res.data.data[0],
          timer: res.data.data[0].date.split(' ')[0],//处理日期的
          countDown: res.data.data[0].time ? res.data.data[0].time * 60 * 1000 : '60000'//处理倒计时
        })
      }
    })
  },

  poput() {
    //判断倒计时完 弹出提示框
    if (this.data.timeData.hours == 0 && this.data.timeData.minutes == 0 && this.data.timeData.seconds == 0) {
      Dialog.alert({
        title: '温馨提示',
        message: '已阅读完',
      }).then(() => {
      });
    }
  },

  //收藏
  onChangeSwitch(e) {
    this.setData({
      checked: e.detail
    })
    //从本地取数据
    let storageArr = wx.getStorageSync('datalist')?wx.getStorageSync('datalist'):[]
    //判断checked状态    为true 向数组push数据  并存到本地
    if (this.data.checked) {
      storageArr.push(this.data.conent)
      wx.setStorageSync('datalist', storageArr)
    }else {
      //为false  拿到id相同的数据 存一个就可以了(意思就是存到本地的数据不重复)
      storageArr.filter((v,i)=>{
          if (this.data.conent.id==v.id) {
              storageArr.splice('')
              //重新给本地存数据
              wx.setStorageSync('datalist', storageArr)
          }
      })
    }
  },

  onChange(e) {
    //调用倒计时方法
    this.poput()
    this.setData({
      timeData: e.detail,
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getDetail(options.id)
    //判断收藏  是否选中的状态
    wx.getStorageSync('datalist').forEach(v=>{
        if (v.id==options.id) {
            this.setData({
                checked:true
            })
        }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})